// 登录用户切换
$(function() {
  $(".register_tab>ul>li").click(function() {
    setReduction($(".register_list>div>ul>li>input"));
    //给li添加下横线
    $(this).addClass("line").siblings("li").removeClass("line");
    $(this).addClass("active").siblings("li").removeClass("active");
    var index = $(this).index();
    //显示对应的div
    $(".list").eq(index).addClass("selected").siblings("div").removeClass("selected");
  });
});

// 未填写框变红方法
function setRed(classname) {
  classname.css("border", "1px solid red");
}
// 输入框回复原样式方法
function setReduction(classname) {
  $(".alert").hide();
  classname.css("border", "1px solid #ccc");
  classname.css("borderStyle", "inset");
}
// 所有框都恢复原样
var allReduction = function () {
  setReduction($(".phone"));
  setReduction($(".note_verification"));
  setReduction($(".companyName"));
  setReduction($(".leaderName"));
  setReduction($(".pwd"));
}

// 验证手机号
function isPhoneNo(phone) {
  var pattern = /^1[3,5,8]\d{9}$/;
  return pattern.test(phone);
}

// 父盒子
var Owner=$(".register_owner>ul>li");
var Company=$(".register_company>ul>li");
var Stylist=$(".register_stylist>ul>li");

// 业主注册验证方法
function formOwnerValidate() {
  var str = "";
  if ($.trim(Owner.children(".phone").val()).length == 0) {
    str += "手机号码不能为空！";
    $(".alert").show();
    $(".alert").css("top","18%");
    $(".alert").html(str);
    setRed($(".phone"));
  } else if (isPhoneNo($.trim(Owner.children(".phone").val())) == false) {
    str += "手机号码格式错误！";
    $(".alert").show();
    $(".alert").css("top","18%");
    $(".alert").html(str);
    setRed($(".phone"));
  } else if ($.trim(Owner.children(".note_verification").val()).length == 0) {
    str += "短信验证码不能为空！";
    console.log(str);
    $(".alert").show();
    $(".alert").css("top","60%");
    $(".alert").html(str);
    setRed($(".note_verification"));
  }
}
// 装修公司注册验证方法
function formCompanyValidate() {
    var str = "";
    if ($.trim($(".companyName").val()).length == 0) {
      str += "企业名称不能为空！";
      $(".alert").show();
      $(".alert").css("top","11%");
      $(".alert").html(str);
      setRed($(".companyName"));
    }else if ($.trim(Company.children(".phone").val()).length == 0) {
      str += "手机号码不能为空！";
      $(".alert").show();
      $(".alert").css("top","29%");
      $(".alert").html(str);
      setRed($(".phone"));
    } else if (isPhoneNo($.trim(Company.children(".phone").val())) == false) {
      str += "手机号码格式错误！";
      console.log(str);
      $(".alert").show();
      $(".alert").css("top","29%");
      $(".alert").html(str);
      setRed($(".phone"));
    }else if ($.trim($(".leaderName").val()).length == 0) {
      str += "企业负责人姓名不能为空！";
      $(".alert").show();
      $(".alert").css("top","47%");
      $(".alert").html(str);
      setRed($(".leaderName"));
    }else if ($.trim(Company.children(".pwd").val()).length == 0) {
      str += "密码不能为空！";
      $(".alert").show();
      $(".alert").css("top","65%");
      $(".alert").html(str);
      setRed($(".pwd"));
    } else if ($.trim(Company.children(".note_verification").val()).length == 0) {
      str += "短信验证码不能为空！";
      console.log(str);
      $(".alert").show();
      $(".alert").css("top","83%");
      $(".alert").html(str);
      setRed($(".note_verification"));
    }
  }
// 设计师注册验证方法
function formStylistValidate() {
  var str = "";
  if ($.trim(Stylist.children(".phone").val()).length == 0) {
    str += "手机号码不能为空！";
    $(".alert").show();
    $(".alert").css("top","13%");
    $(".alert").html(str);
    setRed($(".phone"));
  } else if (isPhoneNo($.trim(Stylist.children(".phone").val())) == false) {
    str += "手机号码格式错误！";
    console.log(str);
    $(".alert").show();
    $(".alert").css("top","13%");
    $(".alert").html(str);
    setRed($(".phone"));
  } else if ($.trim(Stylist.children(".pwd").val()).length == 0) {
    str += "密码不能为空！";
    console.log(str);
    $(".alert").show();
    $(".alert").css("top","43%");
    $(".alert").html(str);
    setRed($(".pwd"));
  }  else if ($.trim(Stylist.children(".note_verification").val()).length == 0) {
    str += "短信验证码不能为空！";
    console.log(str);
    $(".alert").show();
    $(".alert").css("top","73%");
    $(".alert").html(str);
    setRed($(".note_verification"));
  }
}

// 手机号码未输入时短信发送功能禁用
$(document).ready(function() {
  $(document).click(function() {
    removeDisabled(Owner.children(".send_note"),Owner.children(".phone"));
    removeDisabled(Company.children(".send_note"),Company.children(".phone"));
    removeDisabled(Stylist.children(".send_note"),Stylist.children(".phone"));
  });
});

function removeDisabled(classname1,classname2) {
    classname1.attr("disabled", "disabled");
    if (isPhoneNo($.trim(classname2.val())) == true) {
      classname1.removeAttr("disabled");
    }
}

// 业主注册验证
Owner.children(".register").click(function() {
  formOwnerValidate();
});

// 公司注册验证
Company.children(".register").click(function() {
  formCompanyValidate();
});

// 公司注册验证
Stylist.children(".register").click(function() {
  formStylistValidate();
});

// 文本框点击清空警告样式
$(".phone").click(allReduction);
$(".note_verification").click(allReduction);
$(".companyName").click(allReduction);
$(".leaderName").click(allReduction);
$(".note_verification").click(allReduction);
$(".pwd").click(allReduction);

// 退出注册
$(".Back_home").click(function () {
  window.location.href="../蜂巢装修网前端页面/fc-index.html";
});

// 立即登录
$(".login").click(function () {
  window.location.href="../蜂巢装修网前端页面/fc-owner-login.html";
});

// // 注册成功
// $(".register").click(function () {
//   window.location.href="../蜂巢装修网前端页面/fc-register-successfully.html";
// });